<script setup>
const props = defineProps({
  title: {
    type: String,
    default: '标题',
  },
})
</script>

<template>
<div class="title-main">
    <div class="title-main-left">
        {{ title }}
    </div>
    <div class="title-main-right">
        <slot name="right"></slot>
    </div>

</div>
</template>

<style scoped>
.title-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    padding-top: 0;
}
.title-main-left{
    font-size: 30px;
    font-weight: bolder;
}

</style>
